@charset "utf-8";
@media (max-width:1920px){	
	.swiper1 .swiper-slide > a > h3{ font-size: 72px; }
}
@media (max-width:1600px){	
	.logo{ width:84px; padding-top:10px; padding-bottom:10px; }
	.hd-right > .nav > ul > li > a{ height: 104px; line-height: 104px;}
	.hd-right > .nav > ul > li > p{ top: 104px; }
	.header-blank{ height:104px;}
	.swiper1 .swiper-slide > a > h3{ font-size: 60px; }
	.aboutTitle > p,.ftqTitle > p{ font-size: 24px;}
}
@media (max-width:1440px){	
	.logo{ width:72px; padding-top:10px; padding-bottom:10px; }
	.hd-right > .nav > ul > li > a{ height: 92px; line-height: 92px;}
	.hd-right > .nav > ul > li > p{ top: 92px; }
	.header-blank{ height:92px;}
	.swiper1 .swiper-slide > a > h3{ font-size: 48px; }
	.aboutTitle > p,.ftqTitle > p{ font-size: 20px;}
}
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	.logo{ width:60px; padding-top:10px; padding-bottom:10px; }
	.hd-right{ padding:0 0 0 25%; }
	.hd-right > .nav > ul > li > a{ height: 80px; line-height: 80px; padding:0 10px;}
	.hd-right > .nav > ul > li > a > i{ font-size: 12px; }
	.hd-right > .nav > ul > li.on > a,.hd-right > .nav > ul > li:hover > a{border-bottom:4px solid #d71518;}
	.hd-right > .nav > ul > li > p{ top: 80px; }
	.header-blank{ height:80px;}
	.f1 > .c-con{ padding-left:0; padding-right:0; }
	.hd-right > .nav > ul > li > a{ font-size: 16px; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.swiper1 .swiper-slide > a > h3{ font-size: 36px; }
     
	.colNewsList > ul > li > a > .nlItem-about > h3{ font-size: 16px; } 
    .colNewsList > ul > li > a > .nlItem-about > h3{ font-size: 16px; }
	.colNewsList > ul > li > a > .nlItem-about > p{ font-size: 15px; height: 72px; margin-top: 2%; }
	
	.aboutTitle > p,.ftqTitle > p{ font-size: 18px;}

	.colHeader > h3,.aboutHeader > h3{ font-size: 36px; }


	.contact > ul > li > p{ width: 48px; height: 48px; border:2px solid #666;}
	.contact > ul > li > p > img{ width: 44px; height: 44px; }
	.contact > ul > li > h3,.prodsCont{font-size: 14px;}

	.about{ background-image: url(none); }
	.aboutMain > .aboutRight{ line-height: 30px; font-size: 16px; height: 480px; overflow: hidden; }
	.aboutMain > .aboutRight > p{  }

	.innovatList > ul > li > h3 > p > span{  font-size: 22px;}
	.innovatList > ul > li > div{ font-size: 18px; }

	.prodsF3 > ul > li > .pf3-about{ padding-left: 2%;}
	.colProdTitle > h3,.prodsF3 > ul > li > .pf3-about > div > h3{ font-size: 20px; }
	.colProdTitle > div,.prodsF3 > ul > li > .pf3-about > div > p,.ftqAbout{ font-size: 14px; }

	.colProdTitle > section{ width: 340px;  padding:0 30px;  margin-left:-170px; top:-44px;}
	.ptAbout > p{ padding:0 0 13% 0; }

	.logoFooter{ display: block; width:13.34%; overflow: hidden; flex-shrink: 0; margin-left: 30px;}
	.copyright > h3{font-size: 14px;  }
	.copyright > div{ font-size: 12px; margin-top: 5px;}
	.QRcode > p{  margin-right:30px;}
	.QRcode > p > img{ width: 80px; }	
	.pf1-about > div,.pf2-about > div{ /*height: 150px; min-height: 150px;*/ overflow: hidden; font-size: 16px; }
	.ftqAbout{ line-height: 1.8; }
}
@media (max-width:992px){
	.logo{ display:block; padding-top: 5px; padding-bottom: 5px;}
	.hd-right{ padding:0 0 0 20%; }
	.hd-right > .nav > ul > li{ height: 70px; }
	.hd-right > .nav > ul > li > a{ height: 70px; line-height: 70px; font-size: 14px; padding:0 10px;}
	.hd-right > .phone{ font-size: 16px; margin-left:10px;}
	.hd-right > .chat{ margin-left:10px; }
	.hd-right > .nav > ul > li > p{ top: 70px; }
	.header-blank{ height: 70px;}
	.swiper1 .swiper-slide > a > h3{ font-size: 24px; }

	.aboutMain > .aboutRight{  font-size: 14px; height: 380px; overflow: hidden; }
	.aboutMain > .aboutRight > p{ line-height: 26px; height:364px; }

    .colNewsList > ul > li > a > .nlItem-about > h4,.asideContact > .aContactHeader{ font-size: 14px; }
	.colNewsList > ul > li > a > .nlItem-about > h3{ font-size: 16px; }
	.colNewsList > ul > li > a > .nlItem-about > p{ font-size: 14px; height: 48px; margin-top: 2%; }
	 

	.colHeader > h3,.aboutHeader > h3{ font-size: 30px; }
	.aboutHeader > h3{ width: 50%; }

	.ptAside > h3{ font-size: 14px; }
	.ptAside > p{ font-size: 12px; }
	.ptAbout > h3{ font-size: 32px; }
	.ptAbout > p{ font-size: 14px;padding:0 0 6% 0;  }


	.innovatList > ul > li > h3 > p > span{  font-size: 16px;}
	.innovatList > ul > li > div{ font-size: 14px; line-height: 1.8;}
	.innovatList > ul > li > div::after{  left:5%; top:0%; }

	.pf1Img-cont > div > h3{ width: 60px; flex-shrink: 0; height: 60px; border:2px solid #FFF; }
	.pf1Img-cont > div > p{ width:100%; height: 60px; line-height: 20px; font-size: 12px; }

	.colProdTitle > h3,.prodsF3 > ul > li > .pf3-about > div > h3{ font-size: 18px; }
	.colProdTitle > div,.prodsF3 > ul > li > .pf3-about > div > p{ font-size: 14px; }
	.prodsF3 > ul > li > .pf3-img{ width: 55%; }
	.prodsF3 > ul > li > .pf3-about{ width: 45%;}
	.prodsF3 > ul > li > .pf3-about > div > p{ line-height: 24px;height: 144px;overflow: hidden; }

	.colProdTitle > section{ width: 290px;  padding:0 25px;  margin-left:-145px; top:-37px;}
	.ptAbout > p{ padding:0 0 12% 0; }
	.pf1-about > div,.pf2-about > div{ /*height: 106px; max-height: 106px;*/ overflow: hidden; font-size: 14px; line-height: 24px;}
	.ftqAbout{ font-size: 12px; line-height: 24px; height: 96px; overflow: hidden; }
	
}
@media (max-width:768px){	
	.hd-con {justify-content: space-between; }
	.logo{ width:48px; padding-top:6px; padding-bottom:6px; }
	.logo img:nth-of-type(1){ display: none; }
	.logo img:nth-of-type(2){ display: block; }
	.header-blank{ height:60px;}
	.hd-right{ width: 0px; padding-right:0; display: none; }
	/*.site > .c-con,.contact > ul > li,.bottomer,.casesList > ul > li > a > .cli-about > h4,.casesList > ul > li > a > .cli-about > p,.casesList > ul > li > a > h5{ font-size: 12px; } */
	.header{  background-image: url(none);}
	/*.logo{ width:120px; padding-top: 10px; padding-bottom: 10px}*/
	.hd-right{ justify-content:flex-end; align-items:center; padding-right:10px; box-sizing: border-box;}
	.nav{display: none;}
	.mobile,.menu{ display: block; }
	.header-blank{ height:60px;}
	.swiper1 .swiper-slide > a > h3{ font-size: 30px; }
	.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:30px; height:6px; border-radius:3px;}

	.aboutTitle,.ftqTitle{ margin-bottom: 3%; }
	.aboutTitle > p,.ftqTitle > p{ font-size: 16px;padding:0 20px; }
	.aboutTitle > span,.ftqTitle > span{ width: 20px; }
	.colHeader > h3,.aboutHeader > h3{ font-size: 24px; width:35%;}

	.ptAside > h3{ font-size: 12px; }
	.ptAside > p{ font-size: 12px;  margin-top: 0px;}
	.ptAbout > h3{ font-size: 24px; }
	.ptAbout > p{ font-size: 12px;padding:0 0 12% 0;  }

	.aboutMain{ display: block; box-sizing: border-box; padding:10px;}
	.aboutMain > .aboutImg{ display: block; width: 100%; height: auto; padding-top: 0; position: relative; margin-right: 0%;}
	.aboutMain > .aboutImg > p{ position:initial;}
	.aboutMain > .aboutRight{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding:0; line-height: 2; font-size: 14px; margin-bottom: 10px;}
	.aboutMain > .aboutRight > div{ height: auto; }
	.ftq > .ftqMain{ position: initial; }
	.ftq::after{ display: none; }
	.ftqAbout{ height: auto; font-size: 14px; line-height: 2; }

	.contact > ul > li > p{ width: 40px; height: 40px; border:2px solid #666;}
	.contact > ul > li > p > img{ width: 36px; height: 36px; }
	.contact > ul > li > h3,.prodsCont{font-size: 12px;}

	.innovatMain{ position: initial; background-color: transparent;}
	.innovatList > ul > li{ width: 100%;}
	.innovatList > ul > li + li{ margin-top: 5%;}
	.innovatList > ul > li > h3{ width: 100px; height: 0; padding-top: 100px;}
	.innovatList > ul > li > h3 > p > span{ font-size: 14px; }
	.innovatList > ul > li > div{ align-self: center; padding-left:40px;}
	.innovatList > ul > li > div::after{  left:16px; }

	.formsMain{ width: 100%; }
	.colHeader > h3,.aboutHeader > h3{ width: 25%; }
	.aboutHeader > h3{ width: 50%; }
	.formInput,.formTextarea,.formCode > p{ padding:6px 12px;}
	.formTextarea > textarea,.formInput > input,.formCode > p > input{ font-size: 12px; }
	.formCode > div{ width: 110px;}
	.formSubmit > input{ width: 110px; height: 38px; font-size: 14px; }

	.colProdTitle{ width:100%; padding:6% 5% 3% 5%; margin-top: 8%;}
	.colProdTitle > h3{ font-size: 16px; height: 32px;line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left:35px;}
	.colProdTitle > h3::after{ width: 25px; }
	.colProdTitle > div{ font-size: 12px; }
	.colProdTitle > section{ width: 240px;  padding:0 20px;  margin-left:-120px; top:-31px;}

	.prodF1,.prodF2{ background-image: url(none); }
	.prodF1 > .c-con,.prodF2 > .c-con{ display: block; }
	.pf1-img,.pf1-about,.pf2-img,.pf2-about{ width:100%; }
	.pf1-about,.pf2-about{ display: block; }
	.pf1-about > div,.pf2-about > div{ height: auto; line-height: 28px; }
	.pf1-about > p,.pf2-about > p{ width: 360px; margin:0 auto; }

	.pf1Img-cont > div > h3{ width: 72px; flex-shrink: 0; height: 72px; border:2px solid #FFF; }
	.pf1Img-cont > div > p{ width:100%; height: 72px; line-height: 24px; font-size: 14px; }

	.prodsF3,.prodsF3 > ul > li{ display: block; }
	.prodsF3 > ul > li > .pf3-img,.prodsF3 > ul > li > .pf3-about{ width: 100%; padding-left:0; }
	.prodsF3 > ul > li > .pf3-about{ margin-top: 16px; display: block; }
	.prodsF3 > ul > li > .pf3-about > div > p{ height: auto; }
	.prodsF3 > ul > li > .pf3-about > div{ margin-top: 10px; }
	.pf1-about > p,.pf2-about > p{ position: initial; }

	.logoFooter{ margin-left:0; width:72px; }
	
	.colNewsList > ul > li{ margin-top: 10px; }
	.colNewsList > ul > li > a{ flex-direction: row-reverse; }
	.colNewsList > ul > li > a > .nlItem-img{ width: 150px; flex-shrink: 0;}
	.colNewsList > ul > li > a > .nlItem-about{ width: 100%; padding-left: 0; padding-right: 3%;}
	.colNewsList > ul > li > a > .nlItem-about > p{ margin-top: 5px; }

    .neirong{ line-height:200%; font-size:100%;}
    .neirong > .biaoti{ font-size:130%;}


	
}

@media (max-width:640px){
	.swiper1 .swiper-slide > a > h3{ font-size: 24px; }


	.aboutTitle > p,.ftqTitle > p{ font-size: 14px;}
	.pf1Img-cont > div > h3{ width: 60px; flex-shrink: 0; height: 60px; border:2px solid #FFF; }
	.pf1Img-cont > div > p{ width:100%; height: 60px; line-height: 20px; font-size: 12px; }


	.colHeader > h3,.aboutHeader > h3{ font-size: 20px; width:40%; }
	.aboutHeader > h3{ width: 55%; }

	.colProdTitle{ width:100%; padding:8% 5% 3% 5%; margin-top: 8%;}

	.footer > .c-con{ display: block; }
	.logoFooter{  width:32%; margin-left: 0px; margin:0 auto;}
	.copyright{ padding:2% 0; }
	.copyright > h3,.copyright > div{ text-align: center; }
	.QRcode{ flex-direction: row; align-items: center; justify-content: center; }
	.QRcode > p{margin-right:0px;}
	.QRcode > p > img{ width: 80px; }
	.QRcode > p + p{ margin-left:5%; }
	.pf1-about > div,.pf2-about > div{ height: auto; line-height: 24px; font-size: 12px;}
	.pf1-about > p,.pf2-about > p{ width: 60%; }
	.ftqAbout{ font-size: 12px; }
	
}

@media (max-width:480px){
	.swiper1 .swiper-slide > a > h3{ font-size: 18px; }
	.contact > ul > li{ width: 100%; margin-right: 0; }
	.contact > ul > li + li{ margin-top: 3%; }
	.colProdTitle > section{ width: 200px;  padding:0 20px;  margin-left:-100px; top:-25px;}


	.colHeader > h3,.aboutHeader > h3{ font-size: 16px; }
	.aboutHeader > h3{ width: 72%; }
	
}
	
@media (max-width:375px){	
	
	
}